
/*发布食谱*/
.publish-cookbook {margin:0px auto;width:990px;padding:40px;background:#fff;}
.row {margin:30px 0px;}
.publish-cookbook .tip {line-height:44px;font-size:18px;}
.cookbook-name {width:482px;height:44px;font-size:18px;color:#333;padding:0px 8px;border: 2px solid #666;border-radius: 4px;}

.select {float: left;margin-right:15px;width:80px;height:42px;outline: none;border:2px solid #666;border-radius: 4px;}
.select .option {line-height:40px;font-size:12px;}
.select-tip {float: left; margin-right: 10px;font-size:16px!important;}
.cover-img {position:relative;float:left;width:290px;height:440px;}
.cover-img .upload-input, .cover-img .img {position: absolute;}
.cover-img .upload-input {z-index: 2; opacity: 0;cursor: pointer;}
.cover-img .img {z-index: 1;}

.food-box{float:left;width:600px;margin-left:20px;}
.food-box-sub{margin:10px 0px;width:600px;height:390px;overflow: auto}
.food{float:left;margin:5px 10px;}
.input-food {float:left;padding:0px 8px;}
.op {float:left;}
.op-food{cursor:pointer;margin:2px 8px;width:18px;height:18px;border:2px solid #d50810;color:#d50810;border-radius: 18px;font-size:18px;text-align: center;line-height: 12px;}
.input-food{width:120px;height:42px;border:2px solid #666;border-radius: 4px;}

/*间隔*/
.interval {width: 100%; height: 20px;}

/*步数*/
.step-number {margin:10px auto;width:60px;height:60px;line-height:60px;text-align:center;font-size:32px;color: #ffffff;background:#d50810;border-radius: 100px; }

/*轮播图*/
.step {position:relative;margin:15px auto;width:990px;height:280px;padding:20px 130px;background:#fff;}
.step .step-no, .step .op-step {position: absolute;}
.step .step-no {top:100px;left:35px;width:60px;height:60px;line-height:60px;text-align:center;font-size:32px;color: #ffffff;background:#d50810;border-radius: 60px;}

.op-step {top:88px;right:35px;}
.op-step .add, .op-step .remove {width:32px;height:32px;cursor: pointer;border:2px solid #d50810;color:#d50810;font-size:32px;text-align:center;line-height:32px;border-radius: 32px; }
.op-step .remove {margin-top:20px;}
.step .step-content, .step .step-img {float:left;}

.step .step-content {font-size:18px;font-weight:bold;color:#666;margin-right:60px;width:360px;height:240px;}
.step-content .content {outline:none;resize:none;border:2px solid #666;padding:8px 10px;position: relative;width: 100%;height: 180px;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.step .step-img {width:310px;height:240px;}
.upload-img {position: relative;}
.upload-img .upload-input, .upload-img .img {position:absolute;}
.upload-img .upload-input {z-index: 2; border: none; outline: none;opacity: 0;cursor: pointer;}
.upload-img .img {z-index: 1}

/*提示按钮*/
.tipBtn {position: fixed;right:30px;bottom:230px;width:60px;background:#fff;border-radius: 4px;}
.tipBtn .btn-div {cursor:pointer;width:60px;height:60px;font-size:12px;text-align: center;padding-top:38px;}
.btn-div.publish {background: url("../icon/publish-48.png") no-repeat 14px 0px;}